@layout("/common.html",{css:["/assets/css/index.css"],navType:"index"}){
        <div class="body">
            <div class="content">
                <div class="area">
                    <div style="margin-bottom: 88px;">
                        <div class="t">${pageInfo.title}</div>
                        <div class="m">${pageInfo.subTitle}</div>
                    </div>
                    <div class="bk">
                    	@for(item in fw){
                    	<a href="${ctxPath}/list-${item.id}-0-0-1.html" class="bkinfo">
                            <div class="ms">
                                ${item.templet}
                                <div class="tit">${item.serName}</div>
                            </div>
                            <div class="lb">
                                ${item.tag}
                            </div>
                        </a>
                    	@}
                        
                    </div>
                </div>


                <div class="searver">
                    <div class="title">
                        <div class="t">精选推荐</div>
                        <a href="${ctxPath}/list-${def}-0-0-1.html" class="more">
                            <div class="mt">更多</div>
                            <i class="fa fa-angle-right"></i>
                        </a>
                    </div>
                    <div class="list">
                    	@for(item in tjtpls){
                    		<a href="${ctxPath}/detail/${item.id}.html" class="item">
	                            <div class="n">
	                                <div class="dm" style="background-color: ${item.backColor};">
	                                    <img src="${item.mainPic}" alt="${item.name}" >
	                                </div>
	                                <div class="dt">
	                                    <div class="dname">${item.name}</div>
	                                    <div class="fl">单页面·外卖·个人中心</div>
	                                    <div class="jg">￥${item.jiage}</div>
	                                </div>
	                            </div>
	                        </a>
                    	@}
                    </div>
                </div>

                <div class="tip">
                    <div class="tips">
                        <div style="width: 1140px;">
                            <img src="${pageInfo.adPic}" alt="">
                        </div>
                    </div>
                </div>

                <div class="searver">
                    <div class="title">
                        <div class="t">最新发布</div>
                        <a href="${ctxPath}/list-${def}-0-0-1.html" class="more">
                            <div class="mt">更多</div>
                            <i class="fa fa-angle-right"></i>
                        </a>
                    </div>
                    <div class="list">
                    	@for(item in tpls){
                    	<a href="${ctxPath}/detail/${item.id}.html" class="item">
                            <div class="n">
                                <div class="dm" style="background-color: ${item.backColor};">
                                    <img src="${item.mainPic}" alt="" >
                                </div>
                                <div class="dt">
                                    <div class="dname">${item.name}</div>
                                    <div class="fl">单页面·外卖·个人中心</div>
                                    <div class="jg">￥${item.jiage}</div>
                                </div>
                            </div>
                        </a>
                    	@}
                    </div>
                </div>

                <div class="content-other">
                    <div class="other-title">
                        <div class="title-o">其他服务</div>
                    </div>
                    <div class="other-tips">
                    	@for(item in os){
                    	<a href="${ctxPath}/gen/${item.id}.html" class="other-t">
                            <div class="other-t-img">
                                ${item.svg}
                            </div>
                            <div class="other-name">${item.name}</div>
                            <div class="other">${item.ms}</div>
                        </a>
                    	@}
                    </div>
                </div>

                <div class="content-common">
                    <div class="common-box">
                        <div class="box-left">
                            <div class="common-title">常见问题</div>
                            <div class="common-content">
                                <div class="common-tips">
                                    <div class="tips-l">微信服务市场介绍</div>
                                    <div class="tips-r">
                                        <img src="" alt="">
                                    </div>
                                </div>
                                <div class="common-tips">
                                    <div class="tips-l">服务商入驻指引</div>
                                    <div class="tips-r">
                                        <img src="" alt="">
                                    </div>
                                </div>
                                <div class="common-tips">
                                    <div class="tips-l">其他常见问题</div>
                                    <div class="tips-r">
                                        <img src="" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box-right">
                            <img src="https://res.wx.qq.com/servicemarket/dist/all/images/commonProblem_400842.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    	<script src="${ctxPath}/assets/js/pm.js"></script>
@}